﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="flexible" content="initial-dpr=1; maximum-dpr=1">
    <meta name="baidu-site-verification" content="Sc8T6x4fl7" />
    <title>齐聚影视</title>
    <link rel="stylesheet" type="text/css" href="libs/swiper/swiper-4.3.5.min.css">
    <link rel="stylesheet" type="text/css" href="libs/swiper/animate.min.css">
    <link rel="stylesheet" href="css/index.css?v=1.000">
    <script type="text/javascript" src="libs/flexible/flexible_css.js"></script>
    <script type="text/javascript" src="libs/flexible/flexible.js"></script>
</head>
<body>
	<nav>
		<p class="cur">
			<a href="../html/details.html">
				<span>
					<b>公司简介</b>
				</span>
				<span>
					<s>COMPANY PROFILE</s>
				</span>
			</a>
		</p>
		<p>
			<a href="../html/advantage.html">
				<span>业务体系</span>
				<span>BUSINESS SYSTEM</span>
			</a>
		</p>
		<!--<p>-->
			<!--<a href="html/news.html">-->
				<!--<span>新闻</span>-->
				<!--<span>NEWS</span>-->
			<!--</a>-->
		<!--</p>-->
		<p>
			<a href="../html/aboutus.html">
				<span>企业文化</span>
				<span>CORPORATE CULTURE</span>
			</a>
		</p>
	</nav>
	<div class="header-bd">
		<img src="img/logo.png" alt="" class="logo">
		<img class="icon" src="img/common/icon.png">
		<img src="img/common/menu.png" alt="" class="menu">
		<p class="head_bg"></p>
	</div>
	<!-- 第一屏 -->
	<div class="swiper-container" id="swiper1">
		<div class="swiper-wrapper">
			<div class="swiper-slide section1">
				<div class="section-animate">
					<img class="ani circle" src="img/common/circle.png" alt="" swiper-animate-effect="rotateIn" swiper-animate-duration="4.5s" swiper-animate-delay="0">
					<img class="ani animate1_1" src="img/common/page1_1.png" swiper-animate-effect="zoomIn" swiper-animate-duration="3s" swiper-animate-delay="1s">
				</div>
				<div class="section1-bg clientHeight">
					<img src="img/common/section1_011.png">
					<img src="img/common/section1_021.png">
					<img src="img/common/section1_031.png">
					<img src="img/common/section1_041.png">
				</div>
			</div>
			<!-- 第二屏 -->
			<div class="swiper-slide section2">
				<!-- 产品 -->
				<div class="section-animate swiper-container" id="swiper2">
					<!-- 产品swiper -->
						<ul class="pro_nav">
							<li class="cur" index="0"><span><a href="html/intro.html" style="position: initial;color: #fff;">公司简介</a></span></li>
							<li index="1"><span><a href="html/product.html" style="position: initial;color: #fff;">产品</a></span></li>
							<!--<li index="2"><span>新闻</span></li>-->
							<li index="3"><span><a href="html/news.html" style="position: initial;color: #fff;">公司新闻</a></span></li>
						</ul>
						<!-- 产品一 -->
						<div class="swiper-slide pro_cont" style="display: block;">
							<a index="0" href="html/intro.html">
								<img class="ani animate2_1" src="img/common/page2_1.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">
								<img class="ani animate2_2" src="img/common/page2_2_1.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1s">
								<img class="ani more" src="img/common/more.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
							</a>
						</div>
						<!-- 产品二 -->
						<div class="swiper-slide pro_cont">
							<a index="1" href="html/product.html">
								<img class="ani animate2_3" src="img/common/page2_3.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
								<img class="ani more more2_3" src="img/common/more.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="1s">
							</a>
						</div>
						<!-- 产品三 -->
						<div class="swiper-slide pro_cont">
							<a index="2" href="html/news.html">
								<img class="ani animate2_4" src="img/common/page2_4.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
								<img class="ani more more2_4" src="img/common/more.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="1s">
							</a>
						</div>
						<!-- 产品四 -->
						<div class="swiper-slide pro_cont">
							<a index="3" href="#">
								<img class="ani animate2_5" src="img/common/page2_5.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
								<img class="ani more more2_5" src="img/common/more.png" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="1s">
							</a>
						</div>
					<ol class="ani subnav swiper-pagination" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></ol>
				</div>
				<div class="section2-bg clientHeight">
					<div class="pro-bg cur">
						<img src="img/common/section2_01.png">
						<img src="img/common/section2_02.png">
						<img src="img/common/section2_03.png">
						<img src="img/common/section2_04.png">
					</div>
					<div class="pro-bg">
						<img src="img/common/section1_01.jpg" alt="">
						<img src="img/common/section1_02.jpg" alt="">
						<img src="img/common/section1_03.jpg" alt="">
						<img src="img/common/section1_04.jpg" alt="">
					</div>
					<div class="pro-bg">
						<img src="img/common/section2_11.png" alt="">
						<img src="img/common/section2_12.png" alt="">
						<img src="img/common/section2_13.png" alt="">
						<img src="img/common/section2_14.png" alt="">
					</div>
					<div class="pro-bg">
						<img src="img/common/section2_21.png" alt="">
						<img src="img/common/section2_22.png" alt="">
						<img src="img/common/section2_23.png" alt="">
						<img src="img/common/section2_24.png" alt="">
					</div>
				</div>
			</div>
			<!-- 第三屏 -->
			<div class="swiper-slide section3">
				<div class="section3-bg clientHeight">
					<img src="img/common/section3_04.png">
					<img class="firstbg" src="img/common/section3_01.png">
					<img src="img/common/section3_05.png">
					<img src="img/common/section3_03.png">
					<img src="img/common/section3_06.png">
				</div>
				<div class="section-animate clientHeight">
					<ol class="product">
						<li class="product7 ani" >
							<a href="html/product.html?pro=acinap">
								<img class="pro-logo" src="img/common/acinap.png" alt="" style="width: 3rem;">
								<p class="describe">新锐跨境电商品牌</p>
								<p class="more2"><img src="img/common/more2.png"></p>
							</a>
						</li>
						<li class="product1 ani">
							<a href="html/product.html?pro=qiqi">
								<img class="pro-logo" src="img/common/qiqi.png" alt="" style="margin-top: 0.5rem;">
								<!-- <h2>齐齐直播</h2> -->
								<p class="describe">齐聚科技与腾讯深度合作推出的<br />娱乐竞技方向视频直播产品</p>
								<p class="more2"><img src="img/common/more2.png"></p>
							</a>
						</li>

						<li class="product4 ani">
							<a href="html/product.html?pro=xiaoqj">
								<img class="pro-logo" src="img/common/xiaoxin.png" alt="" style="margin-top: 0.5rem;width: 1.5rem;height: 1.5rem;">
								<!-- <h2>呱呱直播</h2> -->
								<p class="describe describe1">
									品质至上的全国连锁餐饮品牌</p>
								<p class="more2"><img src="img/common/more2.png"></p>
							</a>
						</li>
						<li class="product5 ani" >
							<a href="html/product.html?pro=guagua">
								<img class="pro-logo" src="img/common/guagua.png" alt="" style="margin-top: 0.5rem;">
								<!-- <h2>呱呱</h2> -->
								<p class="describe describe1">成年人的情感社区</p>
								<p class="more2 more2_5"><img src="img/common/more2.png"></p>
							</a>
						</li>
						<li class="product6 ani">
							<a href="html/product.html?pro=yimei">
								<img class="pro-logo" src="img/common/yimei.png" alt="" style="margin-top: 0.5rem;">
								<!-- <h2>处电</h2> -->
								<p class="describe">
									更透明、更求真、更安全的医美机构</p>
								<p class="more2"><img src="img/common/more2.png"></p>
							</a>
						</li>
					</ol>
				</div>
			</div>
			<!-- 第四屏 -->
			<div class="swiper-slide section4">
				<div class="section4-bg">
					<img src="img/common/section4_01.png">
					<img src="img/common/section4_02.png">
					<img src="img/common/section4_03.png">
				</div>
				<div class="section-animate">
					<ul class="cooperation ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
						<li>
							<a href="html/cooperation_brand.html">
								<img class="ani" src="img/common/cp1.png" alt="">
								<h2 class="ani">品牌联合</h2>
								<span class="ani">BRAND ASSOCIATIOIN</span>
								<p class="ani">齐聚科技愿联合优势资源强强联合，互推品牌</p>
							</a>
						</li>
						<li>
							<a href="html/cooperation_event.html">
								<img class="ani" src="img/common/cp2.png" alt="">
								<h2 class="ani">活动合作</h2>
								<span class="ani">ACTIVITY COOPERATION</span>
								<p class="ani">齐聚科技愿为各类品牌活动提供直播平台资源</p>
							</a>
						</li>
						<li>
							<a href="html/cooperation_community.html">
								<img src="img/common/cp3.png" class="ani   animated" alt="">
								<h2 class="ani">公益合作</h2>
								<span class="ani">PUBLIC WELFRRE COOPERATION</span>
								<p class="ani">齐聚科技乐于为真正的公益活动贡献力量</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="concat ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0s">
					<dl class="brand">
						<dt>行业品牌合作</dt></dt>
						<dd>电话：18301002680</dd></dd>
					</dl>
					<dl>
						<dt>
							<span>北京</span>
							<span>公司</span>
						</dt>
						<dd>
							<p><span class="tit">电话：</span><span>010-87480234</span></p>
							<p><span class="tit">地址：</span><span>北京市朝阳区菁英梦谷J7栋齐聚科技有限公司</span></p>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>浙江</span>
							<span>公司</span>
						</dt>
						<dd>
							<p><span class="tit">电话：</span><span>0579-82262936</span></p>
							<p><span class="tit">地址：</span><span>浙江省金华市婺城区四联路 398 号金华网络经济中心大楼 1302 室</span></p>
						</dd>
					</dl>
				</div>
				<footer>


	</div>
</body>
<script type="text/javascript" src="libs/zepto/zepto.min.js"></script>
<script type="text/javascript" src="libs/swiper/swiper-4.3.5.min.js"></script>
<script type="text/javascript" src="libs/swiper/swiper.animate1.0.3.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
var mySwiper = new Swiper('#swiper1',{
	direction: 'vertical',
	autoplay: false,
	loop: false,
	preventClicks: false,
	navigation: {
		nextEl:".next"
	},
	on: {
		init: function (){
			swiperAnimateCache(this);
			swiperAnimate(this);
		},
		slideChangeTransitionEnd: function (){
			swiperAnimate(this);
		}
	}
});

</script>
</html>
